{% block content %}
    
    <script type="text/javascript">
      // when passed a function, jQuery execs code when DOM Ready
      $(function() {
            $( ".tabs" ).tabs();
          });
        </script>
<div class="tabs">
	<ul>
            <li><a href="/bouting/{{tournament.id}}/{{event.id}}/{{round.id}}/initialSeeding/">Initial Seeding</a></li>
            {% if round.type == 1%}
                <li name="taco"><a  href="/bouting/{{tournament.id}}/{{event.id}}/{{round.id}}/poolView/">Pools</a></li>
            {% else%}
                <li name="taco"><a  href="/bouting/{{tournament.id}}/{{event.id}}/{{round.id}}/deView/">Bracket</a></li>
            {% endif %}
            <li name="taco"><a  href="/bouting/{{tournament.id}}/{{event.id}}/{{round.id}}/roundResults/">Round Results</a></li>
        </ul>
</div>

{% endblock %}